#WebDevelopment #WDS #JavaScript

How To Code Rock Paper Scissors In JavaScript

25,588 views
•Jun 20, 2020
Web Dev Simplified
531K subscribers
Subscribed
🚨 IMPORTANT: 1 Year Free Hosting: https://www.atlantic.net/webdevsimpli... Use code KYLE for an additional $50 Rock paper scissors is a classic game with a very simple rule set which makes it perfect for a beginner game project. In this video I will show you exactly how I would setup a rock paper scissors game with HTML, CSS, and JavaScript. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/R... Emoji Copy/Paste Site: https://getemoji.com 🧠 Concepts Covered: - How to simplify complex game logic - How to use CSS grid and flexbox to layout game elements - How to create an AI to play against 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #WebDevelopment #WDS #JavaScript
you should replace the fist emoji with a picture of Dwayne Johnson
50
I understood only 30% of it all, but this was still very fascinating to watch! The way how easy and effortlessly it looks! Hope I can get to same level one day!
7
The Best Js Coder ✔ ..
5
Man, you can't imagine how much I love every js tut from yours, I really enjoy coding step by step 'cause I understand and see at the same time what's happening in the browser, thank you so much Kyle.
1
this is one of the nicest outcomes i've seen, having the selections / choices in an object with the emoji + what it beats kills so many birds with one stone! lovely
1
Great. Make a tutorial on how to make it multiplayer with the help of socket.io or any other technology you prefer. That would be awesome.
17
I've said it before but I'll say it again. THANKS KYLE!! Keep up the hard work 🔥 Oh..and congrats on your engagement :)
thanks for the high quality content
Thanks for the video, really really like this channel, please don't stop. Any reason why you didn't lay out how you want to structure the code first instead of jumping right into the coding part? Similar to algorithms interviews, in which you are supposed to write pseudo code first before you start writing code.
3
I love your videos! I am still learning and I am still a beginner. Sadly, I don't have Git for the Bash terminal yet, but I still love your videos and you make me happy! I can always build new things with code, your channel is awesome! Keep up the good work!
Great Video as always. Please bring Advance Js course.
Great tutorial man!! It's really good tnx.
I guess.. l'm first😍😍😍
2
Daanng i used switch case for my rock, paper, scissors game. This is 200 IQ solution
3
Hey buddy, Do you know how to implement --> call api after previous api execution completed in express js with response of previous api, if yes can you give me code as early as possible? Please please please
Can you explain how the dataset.collection works
Thanks for sharing this. I did get stuck on one part but followed through with the build to the end. In the developer, when I go to the console and click on one of the buttons from the page, nothing is appearing in my console, but everything seems to work okay... ?
I'm new to JS, but I feel that this code is a little bit overengineered, even though I can't exactly say why Either way, I love your tutorials. I've watched a few dozen within last two weeks and they helped me a lot
1
Awesome! You make javascript easier for us, genius. Greetings from Perú.
Since the selectionButtons is a const variable, does that mean selectionButton afterward also a variable?